<template>
    <div class="content">
        <svg t="1710500056432" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="4518" width="200" height="200">
            <path
                d="M512 369.777778c-113.777778 0-221.866667 44.373333-302.648889 125.155555-15.928889 15.928889-15.928889 40.96 0 56.888889s40.96 15.928889 55.751111 0c65.991111-65.991111 153.6-102.4 245.76-102.4 93.297778 0 180.906667 36.408889 246.897778 102.4 7.964444 7.964444 18.204444 11.377778 28.444444 11.377778 10.24 0 20.48-3.413333 28.444445-11.377778 15.928889-15.928889 15.928889-40.96 0-56.888889-80.782222-80.782222-187.733333-125.155556-302.648889-125.155555z"
                p-id="4519" :fill="props.info.color"></path>
            <path
                d="M512 556.373333c-64.853333 0-125.155556 25.031111-170.666667 70.542223-15.928889 15.928889-15.928889 40.96 0 56.888888s40.96 15.928889 55.751111 0c30.72-30.72 71.68-47.786667 114.915556-47.786666s84.195556 17.066667 114.915556 47.786666c7.964444 7.964444 18.204444 11.377778 28.444444 11.377778 10.24 0 20.48-3.413333 28.444444-11.377778 15.928889-15.928889 15.928889-40.96 0-55.751111-46.648889-46.648889-106.951111-71.68-171.804444-71.68zM946.631111 364.088889C830.577778 248.035556 675.84 183.182222 512 183.182222c-163.84 0-318.577778 63.715556-434.631111 179.768889-15.928889 15.928889-15.928889 40.96 0 56.888889s40.96 15.928889 56.888889 0C235.52 318.577778 369.777778 262.826667 512 262.826667c143.36 0 277.617778 55.751111 377.742222 157.013333 7.964444 7.964444 18.204444 11.377778 28.444445 11.377778 10.24 0 20.48-3.413333 28.444444-11.377778 15.928889-14.791111 15.928889-40.96 0-55.751111z"
                p-id="4520" :fill="props.info.color"></path>
            <path
                d="M515.413333 790.755556m-59.164444 0a59.164444 59.164444 0 1 0 118.328889 0 59.164444 59.164444 0 1 0-118.328889 0Z"
                p-id="4521" :fill="props.info.color"></path>
        </svg>
        <span>{{ props.info.msg }}</span>
    </div>
</template>

<script lang="ts" setup>
const props = defineProps(['info'])

</script>

<style>
.content {
    margin-top: 5px;
}
.content div{
    font-size: 24px;
}

.icon {
    width: 50px;
    height: 50px;
}
</style>
